<template>
  <a-config-provider :component-size="componentSize">
    <!-- <router-view v-slot="{ Component }">
      <keep-alive :max="50">
        <component :is="Component" :key="$route.fullPath" />
      </keep-alive>
    </router-view> -->
    <router-view></router-view>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import {onMounted, ref} from "vue";

export default {
  name: 'App',
  components: {zhCN},
  setup() {
    const componentSize = ref('large');
    return {
      zhCN,
      componentSize
    }
  },
};
</script>

<style>

*, html {
  /*height: 100%; */
  -webkit-text-size-adjust: none;
}

body {
  /* height: 100%; */
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  /*filter: grayscale(1);*/
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  /* height: 100%; */
  /* background-color: #f5f5f5; */
  -webkit-text-size-adjust: none;
}

.messageIndex {
  z-index: 3000 !important;
}
</style>
